<!DOCTYPE html>
<html lang="zxx">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge" />
	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<title>NY·房屋租赁社区-主页</title>
	<link rel="shortcut icon" href="assets/img/favicon.png" type="img/png" />
	<link rel="stylesheet" href="assets/css/animate.min.css">
	<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
	<link rel="stylesheet" href="assets/css/flaticon.css" />
	<link rel="stylesheet" href="assets/css/magnific-popup.css" />
	<link rel="stylesheet" href="assets/css/slick.css" />
	<link rel="stylesheet" href="assets/css/nice-select.css" />
	<link rel="stylesheet" href="assets/css/leaflet.css" />
	<link rel="stylesheet" href="assets/css/mapbox-gl.min.css" />
	<link rel="stylesheet" href="assets/css/bootstrap-datepicker.css" />
	<link rel="stylesheet" href="assets/css/default.css" />
	<link rel="stylesheet" href="assets/css/style.css" />
	<link rel="stylesheet" href="assets/css/alert.css">
</head>

<body>



	<!-- 头部开始 -->
	<div class="preloader d-flex align-items-center justify-content-center">
		<div class="cssload-container">
			<div class="cssload-loading"><i></i><i></i><i></i><i></i></div>
		</div>
	</div>

	<header class="header-absolute sticky-header">
		<div class="container container-custom-one">
			<div class="nav-container d-flex align-items-center justify-content-between">

				<div class="nav-menu d-lg-flex align-items-center">


					<div class="navbar-close">
						<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
					</div>


					<div class="toggle">
						<a href="#" id="offCanvasBtn"><i class="fal fa-bars"></i></a>
					</div>

					<div class="menu-items">
						<ul>
							<li>
								<a href="index.html">主页</a>
							</li>
							<li>
								<a href="apartment-grid.html">我要找房</a>
							</li>
							<li>
								<a href="classification.html">房源类型</a>
							</li>
							<li>
								<a href="places.html">地图找房</a>
							</li>
							<li><a href="news.html">社区文化</a>

							</li>
						</ul>
					</div>


					<div class="nav-pushed-item"></div>
				</div>


				<div class="site-logo">
					<a href="index.html"><img src="assets/img/logo.png" alt="Logo"></a>
				</div>


				<div class="nav-push-item">

					<div class="header-info d-lg-flex align-items-center">
						<div class="item">
							<i class="fal fa-phone"></i>
							<span>联系我们</span>
							<a href="tel:+90898787709">
								<h5 class="title">+1565 5757 567</h5>
							</a>
						</div>
						<div class="item">
							<i class="fal fa-envelope"></i>
							<span>客服邮箱</span>
							<a href="mailto:info@webmail.com">
								<h5 class="title">jiajia@webmail.com</h5>
							</a>
						</div>
					</div>
				</div>

				<div class="navbar-toggler">
					<span></span><span></span><span></span>
				</div>
			</div>
		</div>
	</header>

	<div class="offcanvas-wrapper">
		<div class="offcanvas-overly"></div>
		<div class="offcanvas-widget">
			<a href="#" class="offcanvas-close"><i class="fal fa-times"></i></a>
			<div class="widget search-widget">
				<h5 class="widget-title">搜 房</h5>
				<form>
					<input type="text" id="content1" placeholder="请输入关键词">
					<button type="button" id="search1"><i class="far fa-search"></i></button>
				</form>
			</div>

			<div class="widget about-widget">
				<h5 class="widget-title">关于我们</h5>
				<p>
					NYCONDOS APARTMENTS·房屋租赁社区简称NY·房屋租赁社区，隶属于河南省郑州市-郑州航空工业管理学院-佳佳有限公司。2021年成立于河南郑州，
					是由郑州航院佳佳有限公司与江苏南京欣媚投资管理有限公司联合成立的郑州住房租赁行业第一家合资企业，是专注于为追求
					丰富生活体验的城市精英租房群体服务的集中式长租公寓连锁运营商。NY·房屋租赁社区致力于为租房人群提供完备的公寓产品，
					打造温馨的文化社区，以多样化的社群场景，为有态度的租房一族带来花样生活。
				</p>
			</div>

			<div class="widget nav-widget">
				<h5 class="widget-title">浏览导航</h5>
				<ul>
					<li><a href="index.html">主页</a></li>
					<li>
						<a href="trending.html">我要找房</a>
					</li>
					<li>
						<a href="classification.html">房源类型</a>
					</li>
					<li>
						<a href="places.html">地图找房</a>
					</li>
					<li>
						<a href="news.html">社区文化</a>
					</li>
				</ul>
			</div>

			<div class="widget social-link">
				<h5 class="widget-title">联系我们</h5>
				<ul>
					<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
					<li><a href="#"><i class="fab fa-twitter"></i></a></li>
					<li><a href="#"><i class="fab fa-behance"></i></a></li>
					<li><a href="#"><i class="fab fa-linkedin"></i></a></li>
					<li><a href="#"><i class="fab fa-google"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 头部结束 -->

	<section class="banner-area banner-style-one">
		<div class="container container-custom-two">
			<div class="row align-items-center">
				<div class="col-lg-6 col-md-6">
					<div class="banner-content">
						<span class="promo-tag wow fadeInDown" data-wow-delay=".3s">NYCONDOS APARTMENTS·房屋租赁社区</span>
						<h1 class="title wow fadeInLeft" data-wow-delay=".5s"> 人潮汹涌 <br> &nbsp;&nbsp;&nbsp;感谢遇见你
						</h1>
						<ul>
							<li>
								<a class="main-btn btn-filled wow fadeInUp" data-wow-delay=".7s" href="apartment-grid.html">浏览全部</a>
							</li>
							<li>
								<a class="main-btn btn-border wow fadeInUp" data-wow-delay=".9s" href="classification.html">公寓类型</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="0.5s">
					<div class="banner-thumb d-none d-md-block">
						<div class="hero-slider-one">
							<div class="single-thumb">
								<img src="assets/img/banner/01.jpg" alt="images">
							</div>
							<div class="single-thumb">
								<img src="assets/img/banner/02.jpg" alt="images">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<div class="booking-form boxed-layout">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-xl-10 col-11">
					<div class="booking-form-inner">
						<form>
							<div class="row align-items-end">
								<div class="col-lg-3 col-md-6">
									<div class="inputs-filed mt-30">
										<label for="arrival-date">租房日期</label>
										<div class="icon"><i class="fal fa-calendar-alt"></i></div>
										<input type="text" required name="begin"
											id="arrival-date">
									</div>
								</div>
								<div class="col-lg-3 col-md-6">
									<div class="inputs-filed mt-30">
										<label for="departure-date">退房日期</label>
										<div class="icon"><i class="fal fa-calendar-alt"></i></div>
										<input type="text" required name="end"
											id="departure-date">
									</div>
								</div>
								<div class="col-lg-3 col-md-6">
									<div class="inputs-filed mt-30">
										<label for="guests">可住人数</label>
										<select name="num" required id="guests">
											<option value="1">1</option>
											<option value="2" selected>2</option>
											<option value="4">4</option>
											<option value="6">4</option>
											<option value="8">8</option>
										</select>
									</div>
								</div>
								<div class="col-lg-3 col-md-6">
									<div class="inputs-filed mt-30">
										<button type="button" id="search2">搜 索</button>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<section class="about-section pt-115 pb-115">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-6 col-md-10 wow fadeInLeft" data-wow-delay=".3s">
                    <div class="row about-features-boxes fetaure-masonary">
                        <div class="col-sm-6">
                            <div class="single-feature-box">
                                <div class="icon">
                                    <i class="flaticon-team"></i>
                                </div>
                                <h4><a href="#">强大的团队</a></h4>
                                <p>
                                    让你的房子更有价值，获得更丰厚的稳定收益。
                                </p>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="single-feature-box only-bg mt-30"
                                style="background-image: url(assets/img/feature/04.jpg);">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="single-feature-box only-bg mt-30"
                                style="background-image: url(assets/img/feature/05.jpg);">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="single-feature-box dark mt-30">
                                <div class="icon">
                                    <i class="flaticon-hotel"></i>
                                </div>
                                <h4><a href="#">NY·房屋租赁</a></h4>
                                <p>
                                    一处有体温的社区。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-8 col-sm-10 wow fadeInRight" data-wow-delay=".3s">
                    <div class="abour-text pl-50 pr-50">
                        <div class="section-title mb-30">
                            <span class="title-tag">关于我们</span>
                            <h2>公寓领跑者</h2>
                        </div>
                        <p>
                            聚焦中国特大型城市，定位20-28岁白领及自由职业人群，基于社群文化为特色的连锁长租公寓新生态运营商。
                        </p>
                        <a href="apartment-grid.html" class="main-btn btn-filled mt-40">租 赁</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="about-right-bottom">
            <div class="about-bottom-img">
                <img src="assets/img/bg/03.jpg" alt="">
            </div>
        </div>
    </section>


	<a href="#" class="back-to-top" id="backToTop">
		<i class="fal fa-angle-double-up"></i>
	</a>

	<footer class="footer-two">
		<div class="contact-maps" id="map"></div>
		<div class="footer-widget-area pt-100 pb-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6 order-1">

                        <div class="widget site-info-widget mb-50">
                            <div class="footer-logo mb-50">
                                <img src="assets/img/footer-logo.png" alt="Logo">
                            </div>
                            <p>
                                全体系项目管控，项目精准定位、专业设计施工、标准化产品及服务配置，塑造优质的连锁口碑。
                            </p>
                            <div class="social-links mt-40">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-behance"></i></a>
                                <a href="#"><i class="fab fa-linkedin"></i></a>
                                <a href="#"><i class="fab fa-youtube"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 order-3 order-lg-2">

                        <div class="widget nav-widget mb-50">
                            <div>
                                <h4 class="widget-title">合作伙伴</h4>
                                <ul>
                                    <li><a href="#">南京装修网</a></li>
                                    <li><a href="#">南京分类信息</a></li>
                                    <li><a href="#">郑州房产网</a></li>
                                    <li><a href="#">郑州装修网</a></li>
                                    <li><a href="#">南京租房</a></li>
                                    <li><a href="#">郑州租房</a></li>
                                    <li><a href="#">保定房产</a></li>
                                    <li><a href="#">北海购房</a></li>
                                    <li><a href="#">南京新房</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 order-2 order-lg-3">

                        <div class="widget contact-widget mb-50">
                            <h4 class="widget-title">联系我们</h4>
                            <div class="contact-lists">
                                <div class="contact-box">
                                    <div class="icon">
                                        <i class="flaticon-call"></i>
                                    </div>
                                    <div class="desc">
                                        <h6 class="title">客服热线</h6>
                                        +1565 5757 567
                                    </div>
                                </div>
                                <div class="contact-box">
                                    <div class="icon">
                                        <i class="flaticon-message"></i>
                                    </div>
                                    <div class="desc">
                                        <h6 class="title">客服邮箱</h6>
                                        <a href="#">jiajia@webmail.com</a>
                                    </div>
                                </div>
                                <div class="contact-box">
                                    <div class="icon">
                                        <i class="flaticon-location-pin"></i>
                                    </div>
                                    <div class="desc">
                                        <h6 class="title">公司地址</h6>
                                        郑州航院, 郑州市, 河南省
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-area pt-30 pb-30">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-5 order-2 order-md-1">
                        <p class="copyright-text copyright-two">Copyright ©版权所有<a href="#"> www.ansijia.cn </a> 2017 - 2021</p>
                    </div>
                    <div class="col-lg-6 col-md-7 order-1 order-md-2">
                        <div class="footer-menu text-center text-md-right">
                            <ul>
                                <li><a href="#">All Rights Reserved</a></li>
                                <li><a href="#">皖ICP备2020018071号</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</footer>

	<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
	<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/popper.min.js"></script>
	<script src="assets/js/slick.min.js"></script>
	<script src="assets/js/isotope.pkgd.min.js"></script>
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<script src="assets/js/jquery.inview.min.js"></script>
	<script src="assets/js/jquery.countTo.js"></script>
	<script src="assets/js/jquery.nice-select.min.js"></script>
	<script src="assets/js/bootstrap-datepicker.js"></script>
	<script src="assets/js/wow.min.js"></script>
	<script src="assets/js/leaflet.js"></script>
	<script src="assets/js/mapbox-gl.min.js"></script>
	<script src="assets/js/map.js"></script>
	<script src="assets/js/main.js"></script>
	<script src="assets/js/alert.js"></script>
	<script type="text/javascript">

		visit();

		function visit() {
			$.ajax({
				url: 'house-visit/access',
				type: 'post',
				dataType: 'json',
				success: function (result) {

				}
			});
		}

		$("#search1").click(function () {
			$.ajax({
				url: 'house-room/list',
				data: {
					pageNum : 1,
					pageSize : 1,
					content: $("#content1").val()
				},
				type: 'get',
				dataType: 'json',
				success: function (result) {
					if (result.code == 200) {
						var houseRoomList = result.data.houseRoomList;
						if (houseRoomList.length == 0) {
							alert("抱歉！未搜索到合适房源，请重新搜索！");
						}else {
							location.href = 'apartment-grid.html?search=true&content=' + encodeURI(encodeURI($("#content1").val()));
						}
					}
				}
			});
		});

		$("#departure-date").blur(function () {
			var begin = $("#arrival-date").val();
			var end = $("#departure-date").val();

		});

		$("#search2").click(function () {
			var begin = $("#arrival-date").val();
			var end = $("#departure-date").val();
			var num = $("#guests").val();
			if (begin == null || begin == '') {
				alert("请选择租房日期！");
				return;
			}
			if (end == null || end == '') {
				alert("请选择退房时间！");
				return;
			}
			if (num == null || num == '') {
				alert("请选择入住人数！");
				return;
			}
			if (new Date(begin).getTime() >= new Date(end).getTime()) {
				alert("退房日期必须大于租房日期！");
				return;
			}
			$.ajax({
				url: 'house-room/search',
				data: {
					begin : begin,
					end : end,
					num: num
				},
				type: 'get',
				dataType: 'json',
				success: function (result) {
					if (result.code == 200) {
						var houseRoomList = result.data.houseRoomList;
						if (houseRoomList.length == 0) {
							alert("抱歉！暂无合适房源，请变更搜索条件！")
						}else {
							location.href = 'apartment-search.html?begin=' + encodeURI(encodeURI(begin)) + '&end=' + encodeURI(encodeURI(end)) + '&num=' + encodeURI(encodeURI(num));
						}
					}
				}
			});

		});


		$("#arrival-date").datepicker({
			autoclose: true, // 选择后自动关闭选择器
			format: "yyyy-mm-dd", // 日期格式
			language: "zh-CN", // 中文
			todayBtn : "true", // 显示"今日"按钮
			todayHighlight: true, // 高亮"今日"
			daysOfWeekHighlighted: [0,6], // 高亮周六日
			startDate : new Date() // 禁用今日之前的日期
		});

		$("#departure-date").datepicker({
			autoclose: true, // 选择后自动关闭选择器
			format: "yyyy-mm-dd", // 日期格式
			language: "zh-CN", // 中文
			todayBtn : "true", // 显示"今日"按钮
			todayHighlight: true, // 高亮"今日"
			daysOfWeekHighlighted: [0,6], // 高亮周六日
			startDate : new Date() // 禁用今日之前的日期
		});

		$("#arrival-date").attr("value", getNextDate(0));

		$("#departure-date").attr("value", getNextYear(1));

		function getNextDate(index) {
			var nowdate = new Date();
			nowdate.setDate(nowdate.getDate() + index);
			var y = nowdate.getFullYear();
			var m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
			var d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate();
			var formatwdate = y + '-' + m + '-' + d;
			return formatwdate;
		}

		function getNextYear(index) {
			var nowdate = new Date();
			nowdate.setDate(nowdate.getDate());
			var y = nowdate.getFullYear() + index;
			var m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
			var d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate();
			var formatwdate = y + '-' + m + '-' + d;
			return formatwdate;
		}
	</script>
</body>

</html>
